/* main.css */
@import './base.css';

#app {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.el-card {
  border-radius: 8px;
  border: none;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

.el-table {
  margin-top: 20px;
}

.el-table th {
  background-color: #f5f7fa;
  color: #303133;
}

.el-button {
  transition: all 0.3s;
}

.el-input__inner,
.el-textarea__inner {
  transition: all 0.3s;
}

.el-tabs__item {
  font-weight: 500;
}

.el-divider {
  margin: 20px 0;
}

/* 响应式布局 */
@media (max-width: 768px) {
  .app-sidebar {
    width: 64px !important;
  }

  .app-sidebar .el-menu-item span,
  .app-sidebar .el-sub-menu__title span {
    display: none;
  }

  .app-sidebar .el-sub-menu__icon-arrow {
    display: none;
  }
}